<template>
	<view>
			<swiper :indicator-dots="true" :autoplay="false" :interval="3000" :duration="1000" 
			indicator-color="#41a863"
			indicator-active-color="#e9343d"
			
			>
				<swiper-item>
					<view class="swiper-item first">001</view>
				</swiper-item>
				<swiper-item>
					<view class="swiper-item second">002</view>
				</swiper-item>
				<swiper-item>
					<view class="swiper-item third">003</view>
				</swiper-item>
			</swiper>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				
			}
		},
		methods: {
			
		}
	}
</script>

<style>
	.swiper-item{
		height: 100%;
		display: flex;
		justify-content: center;
		align-items: center;
		color: white;
	}
	.first{background-color: red;}
	.second{background-color: blue;}
	.third{background-color: orange;}

</style>
